.pxToRem(@p,@px){
    @{p}: @px / 75 * 1rem;
}

.head{
	width: 100%;
	position:fixed;
	top:0;
	left: 0;
	background: #f23030;
	.pxToRem(height,90);
	z-index:10;
	display: flex;
	justify-content:center;
	.h-lfet{
		width: 20%;
		display: flex;
		justify-content:center;
		align-items:center;
		color: #69707e;
		.pxToRem(font-size,34);
		img{
			.pxToRem(width,50);
		}
	}
	.h-center{
		flex:1;
		.pxToRem(line-height,90);
		text-align: center;
		.pxToRem(font-size,36);
	}
	.hgw-r{
		width: 20%;
	}
	.h-right{
		width: 75%;
		.pxToRem(height,60);
		.pxToRem(margin-top,15);
		margin-right:5%;
		text-align: center;
		.pxToRem(line-height,60);
		background: #fff;
		display: flex;
		justify-content:center;
		align-items:center;
		.pxToRem(border-radius,6);
		img{
			.pxToRem(width,30);
		}
		span{
			margin-left: 2%;
			color: #e7dfdf;
			.pxToRem(font-size,26);
		}
	}
}
.h-gw{
	background: #f8f8f8;
	border-bottom: 1px solid #d2d2d2;
}
#footer{
	position: fixed;
	left:0;
	bottom:0;
	display: flex;
	width: 100%;
	.pxToRem(height,98);
	background: #fff;
	align-items:center;
	a{
		width: 20%;
		.pxToRem(height,98);
		display: flex;
		align-items:center;
		dl{
			width: 100%;
			text-align:center;
			color: #bfb9b9;
			dt{
				.pxToRem(font-size,40);
				position: relative;
				span{
					.pxToRem(width,33);
					.pxToRem(height,33);
					.pxToRem(line-height,33);
					position: absolute;
					.pxToRem(right,50);
					.pxToRem(top,-8);
					background: #dc1d1e;
					.pxToRem(font-size,16);
					border-radius: 50%;

				}
			}
			.f-a{
				color: #f23030;
			}
			dd{
				padding-top: 4%;
				.pxToRem(font-size,20);
			}
		}
	}
}